<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>生成临时二维码</title>

    <!-- 微信UI库 -->
    <link rel="stylesheet" href="libs/weui/weui.css">

    <!-- 微信JS库 -->
    <script type="text/javascript" src="libs/weui.js/weui.js"></script>
    <!-- jQuery -->
    <script type="text/javascript" src="libs/jquery/jquery-2.2.3.min.js"></script>
    <!-- 微信JS-SDK -->
    <script type="text/javascript" src="libs/js-sdk/jweixin-1.2.0.js"></script>


</head>
<body>
    <script type="text/javascript">
        $(function() {
            $.ajax({
                type: 'POST',
                url: 'http://yhaoquan.imwork.net/wx/jssdk/config',
                dataType: 'JSON',
                success: function(result) {
                    wx.config({
                        debug: false, 					// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: result.appid, 			// 必填，公众号的唯一标识
                        timestamp: result.timestamp, 	// 必填，生成签名的时间戳
                        nonceStr: result.noncestr, 		// 必填，生成签名的随机串
                        signature: result.signature,	// 必填，签名，见附录1
                        // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                        jsApiList: [
                            'onMenuShareTimeline',
                            'onMenuShareAppMessage',
                        ]
                    });

                    wx.ready(function(){
                        wx.onMenuShareTimeline({
                            title: '邀请好友一起来学车', // 分享标题
                            link: 'http://yhaoquan.imwork.net/h5/test/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: 'https://g-search1.alicdn.com/img/bao/uploaded/i4/i2/3410506055/TB1gx.re.FWMKJjSZFvXXaenFXa_!!0-item_pic.jpg_250x250.jpg', // 分享图标
                            success: function () {
                                // 用户确认分享后执行的回调函数
                            },
                            cancel: function () {
                                // 用户取消分享后执行的回调函数
                            }
                        });

                        wx.onMenuShareAppMessage({
                            title: '邀请好友一起来学车', // 分享标题
                            desc: '分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致', // 分享描述
                            link: 'http://yhaoquan.imwork.net/h5/test/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1520340675&di=3f1e7f580a063b1b5f6b5721b62be7f6&src=http://pic31.photophoto.cn/20140519/0010023932607971_b.jpg', // 分享图标
                            type: '', // 分享类型,music、video或link，不填默认为link
                            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                            success: function () {
                                // 用户确认分享后执行的回调函数
                            },
                            cancel: function () {
                                // 用户取消分享后执行的回调函数
                            }
                        });
                    });

                    wx.error(function(res){
                        console.info(res);
                    });

                },
                error: function(e, ee) {
                    console.info(e);
                }
            })
        });
    </script>


    <br>
    <div class="weui-flex">
        <div class="weui-flex__item">
            <a href="javascript:window.location.href='index.html';" class="weui-btn weui-btn_primary">首页</a>
        </div>
        <div class="weui-flex__item">
            <a href="javascript:window.location.reload();" class="weui-btn weui-btn_primary">刷新</a>
        </div>
    </div>
    <br>

    <div>
        <a id="onMenuShareTimeline" href="javascript:;" class="weui-btn weui-btn_primary">分享到朋友圈</a>
        <a id="onMenuShareAppMessage" href="javascript:;" class="weui-btn weui-btn_primary">分享到朋友圈</a>
    </div>

</body>
</html>